D3: d3 tree

d3.layout.tree API

d3.layout.tree - position a tree of nodes tidil 定位节点树
tree - alias for tree.nodes tree.nodes 的别名
tree.nodes - compute the tree layout and return the array of nodes 计算树布局并返回节点数组
tree.links - compute the parent-child links between tree nodes 计算树节点之间的父子关系
tree.children -get or set the children accessor function 获取或设置子节点访问函数
tree.sort - control the order in which sibling nodes are traversed 对同级节点进行排序
tree.separation - get or set the spacing function between neighboring nodes 获取或设置相邻节点之间的间距的函数
tree.size - specify the layout size in x and y 指定在x和y的布局尺寸
tree.nodeSize - specify a fixed size for each node 指定每个节点的固定大小

d3.svg.diagonal API

d3.svg.diagonal - create a new diagonal generator 创建一个新的对角发生器
diagonal.projection - get or set an optional point transform 获取或设置一个任意变换点

d3 tree 实例

d3 tree - d3 tree - A simple Tree Diagram

d3 tree - Styling nodes in a tree diagram

d3 tree - Making a vertical tree diagram

d3 tree - Generating a tree diagram from ‘flat’ data

d3 tree - An interactive tree diagram

d3 tree - An interactive tree diagram with arrow marker